@mixin aui-modal-mixin-modal-default-style() {
    @include aui-use-component-selector($aui-vue-components, "modal") {
        &--default {
            .aui-modal-content {
                width: 990px;
                transform: translate3d(0, 30px, 0);
                margin: 0 auto;
            }

            .aui-modal-header {
                padding: $aui-gutter-md;
            }

            .aui-modal-content .close {
                width: 50px;
                line-height: 50px;
            }

            .aui-modal-body {
                padding: $aui-gutter-md;
                max-height: calc(100vh - 127px);
                overflow: auto;
            }

            .aui-modal-footer {
                padding-left: $aui-gutter-md;
                padding-right: $aui-gutter-md;
            }

            @include aui-query-media-between("", "md") {
                .aui-modal-content {
                    width: 90%;
                }
            }

            @content;
        }
    }
}
